/* Global ------------------------------*/
/*--------------------------------------*/

body {
	background:url(../images/footer-pedesaan.gif) repeat-x center bottom #1d1435!important;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 1em;
	color: #8a8683;
	background-color:#1d1435;
}

a:link {
	color: #f68f67;
	text-decoration: none;
}
a:hover {
	color: #bde2df;
	text-decoration: none;
}
a:visited {
	color: #f68f67;
	text-decoration: none;
}


/* General Slides ----------------------*/ 
/*--------------------------------------*/

.slide{
	background-attachment: fixed;
	width:100%;
	height:auto;
	position: relative;
	padding:240px 0;
}


#slide1{
	width:100%;
	color:#ffffff;
}
#slide1 h1 {
	font-size: 3.8em;
	letter-spacing: -3px;
	line-height: 0px;
	color:#ffffff;
	font-weight: 700;
}
#slide1 h2 {
	font-size: 2em;
	color: #ffffff;
	line-height: 0px;
	padding-bottom:20px;
	font-weight: 400;
}





/* Tablet ------------------------------*/
/*--------------------------------------*/
@media screen and (max-width: 1024px) {

#logo {
	width: 100%;
	text-align: center;
}

#nav {
	width:100%;
	text-align:center;
	margin:10px 0;
}

.navigation{
	width: 100%;
	float: center;
	list-style: none;
	margin: 0;
	padding:0;
}

.navigation li{
	float: left;
	width:25%;
	padding:0;
}

.slide{
	background-attachment: fixed;
	width:100%;
	position: relative;
	padding:150px 0;
}

#decorative {
	display:none;
}

#content {
	text-align:center;
	width:100%;
}

#slide1 h1 {
	line-height: 1em;
}
#slide1 h2 {
	line-height: 1em;
}
#slide2 h1 {
	line-height: 1em;
}
#slide2 h2 {
	line-height: 1em;
}
#slide3 h1 {
	line-height: 1em;
}
#slide3 h2 {
	line-height: 1em;
}
#slide4 h1 {
	line-height: 1em;
}
#slide4 h2 {
	line-height: 1em;
}

}




/* Mobile ------------------------------*/
/*--------------------------------------*/
@media screen and (max-width: 480px) {

#logo {
	width: 100%;
	text-align: center;
}

#nav {
	width:100%;
	margin:5px 0;
}

.navigation{
	width: 100%;
	float: left;
	list-style: none;
	margin: 0;
	padding:0;
}

.navigation li{
	float: left;
	width:25%;
}

.slide{
	background-attachment: fixed;
	width:100%;
	position: relative;
	padding:150px 0;
}


#slide1 h1 {
	line-height: 1em;
}
#slide1 h2 {
	line-height: 1em;
}
#slide2 h1 {
	line-height: 1em;
}
#slide2 h2 {
	line-height: 1em;
}
#slide3 h1 {
	line-height: 1em;
}
#slide3 h2 {
	line-height: 1em;
}
#slide4 h1 {
	line-height: 1em;
}
#slide4 h2 {
	line-height: 1em;
}


}


/* Tombols -----------------------------*/
/*--------------------------------------*/
.tombols {
    background-color: #F68F67;
    border-radius: 25px 25px 25px 25px;
    color: #FFFFFF;
    font-family: 'Open Sans',sans-serif;
    margin: 20px 0;
    padding: 15px 30px;
}
.tombols:link {
    color: #FFFFFF;
}
.tombols:hover {
    background-color: #DF6C3F;
    color: #FFFFFF;
}
.tombols:active {
    background-color: #BDE2DF;
    color: #FFFFFF;
}
.tombols:visited {
    color: #FFFFFF;
}

/* AWAN ================================*/
/*======================================*/

	.awan-tipis {
		position: absolute;
		width: 100%;
	}
	
		.awan-tipis-kiri {
			height: 76px;
			/*background-color: red;*/
			background-image: url(../images/tipis-kiri.png);
			background-repeat: no-repeat;
			background-position: 100px top;
			top: 300px;
			  -moz-animation: awan-tipis-kiri 20s infinite linear;
			  -webkit-animation: awan-tipis-kiri 20s infinite linear;
			  animation: awan-tipis-kiri 20s infinite linear;
		}
		
		.awan-tipis-tengah {
			height: 135px;
			/*background-color: green;*/
			background-image: url(../images/tipis-tengah.png);
			background-repeat: no-repeat;
			background-position: 80% top;
			top: 180px;
			  -moz-animation: awan-tipis-tengah 20s infinite linear;
			  -webkit-animation: awan-tipis-tengah 20s infinite linear;
			  animation: awan-tipis-tengah 20s infinite linear;
		}
		.awan-tipis-kanan {
			height: 86px;
			/*background-color: blue;*/
			background-image: url(../images/tipis-kanan.png);
			background-repeat: no-repeat;
			background-position: 100% top;
			top: 100px;
			  -moz-animation: awan-tipis-kanan 20s infinite linear;
			  -webkit-animation: awan-tipis-kanan 20s infinite linear;
			  animation: awan-tipis-kanan 20s infinite linear;
		}
.awan1{
		position: absolute;
		top: 100px;
		left: 150px;
		width: 300px;
		height: 159px;
		background: url(../images/awan1.png) no-repeat center top;
		background-position: 100% 100%;
		-moz-animation: awan1 10s infinite linear;
		-webkit-animation: awan1 10s infinite linear;
		animation: awan1 10s infinite linear;
	}
	.awan2{
		position: absolute;
		top: 330px;
		left: 450px;
		width: 100px;
		height: 65px;
		background: url(../images/awan2.png) no-repeat center top;
		-moz-animation: awan2 5s infinite linear;
		-webkit-animation: awan2 5s infinite linear;
		animation: awan2 5s infinite linear;
	}
	.awan3{
		position: absolute;
		top: 400px;
		right: 200px;
		width: 120px;
		height: 65px;
		background: url(../images/awan2.png) no-repeat center top;
		-moz-animation: awan3 5s infinite linear;
		-webkit-animation: awan3 5s infinite linear;
		animation: awan3 5s infinite linear;
	}
	.awan4{
		position: absolute;
		top: 700px;
		right: 400px;
		width: 124px;
		height: 67px;
		background: url(../images/awan3.png) no-repeat center top;
		-moz-animation: awan4 5s infinite linear;
		-webkit-animation: awan4 5s infinite linear;
		animation: awan4 5s infinite linear;
	}

.puasa {
	margin: 0 0 43px;
    text-align: center;
    position: relative;
    top:-150px;
}